<template>
	<div class="game-list">

		<!-- 使用Game组件，且通过插槽传过去一个ul列表 -->
		<Game>
			<template scope="x">
				<ul>
					<li v-for="(you,index) in x.youxis" :key="index">{{you}}</li>
				</ul>
			</template>
		</Game>

		<!-- 使用Game组件，且通过插槽传过去一个ol列表 -->
		<Game>
			<template scope="{youxis}">
				<ol>
					<li v-for="(you,index) in youxis" :key="index">{{you}}</li>
				</ol>
			</template>
		</Game>

		<!-- 使用Game组件，且通过插槽传过去一堆h4结构 -->
		<Game>
			<template scope="x">
				<h4 v-for="(you,index) in x.youxis" :key="index">{{x.b}}-{{you}}</h4>
			</template>
		</Game>

	</div>
</template>

<script>
	import Game from './components/Game'
	export default {
		name:'App',
		components:{Game},
	}
</script>

<style>
	.game-list{
		display: flex;
		justify-content: space-around;
	}
</style>